Formation Webflow.
Score de satisfaction : 4.54/5
Durée :
3 jours
Distanciel et 16 villes en France
numero vert : 0805 950 800 (service et appel gratuits)
Webflow
à partir de
1750 €HT

Référence :
SF33849
Durée :
3 jours

Vous souhaitez une session sur-mesure (intra) ?
Ce stage comprend
 21 heures de formation
Support de cours numérique
Pauses et snacks à volonté
Prise en charge OPCO possible
Disponible à distance

Formation Webflow.

Construisez des sites web dynamiques grâce à notre formation Webflow de 3 jours !

Maîtrisez la conception de sites web dynamiques et interactifs avec notre formation complète sur Webflow ! Vous apprendrez à exploiter pleinement les fonctionnalités de cette plateforme : du design responsive à l'intégration de fonctionnalités avancées sans passer par le codage.

Objectifs pédagogiques.

1Maîtriser les fonctionnalités de base de Webflow pour créer et gérer des pages web

2Créer des mises en pages responsives et optimisées pour différents appareils

3Intégrer des animations et interactions avancées sans coder

4Maîtriser l’administration et le déploiement des sites web

5Développer des sites web complets de manière autonome

Public :
Tous
Prérequis : Connaissance de base des principes du design web, familiarité avec Mac ou PC.
Partagez cette formation

Programme de formation Webflow.

PDF

Découverte de Webflow

Fonctionnalités et avantages
Environnement de travail de base de Webflow
Gestion des projets et organisation des travaux
Configuration de base et gestion des comptes
Notions d’UX, d’UI, et d’IxD
Notions importantes : SEO, Responsive Design, ergonomie
Création d’un compte sur Webflow
Exemple de cas pratiques : analyse d’un site existant pour comprendre les aspects UX, UI et IxD
Exemple de cas pratiques : conception d’une maquette de page responsive pour différents appareils

Interface de Webflow

Interface utilisateur et navigation
Panneaux et outils de design
Personnalisation des espaces de travail et des raccourcis
Modes de vue et prévisualisation
Bibliothèques et modèles
Exemple de cas pratiques : conception d’une maquette de site web avec les outils de design de Webflow
Exemple de cas pratiques : création et utilisation de modèles pour différents types de projets
Exemples de cas pratiques : personnalisation de l’interface utilisateur pour une meilleure productivité

Structure d’une page web

Bonnes pratiques de design pour une page d’accueil
Structure basique de page
Étude typographique et sémantique
Étude des Call-to-action
Gestion des médias
Animations et effets parallax
Optimisation de la navigation et de l’expérience utilisateur
Formulaires interactifs
Techniques avancées de design responsif
Exemple de cas pratiques : conception d’une page d’accueil avec un design attrayant et une navigation fluide
Exemple de cas pratiques : structuration d’une page et implémentation des call-to-action
Exemple de cas pratiques : gestion et intégration de médias, d’animations et d’effets parallax

Création de votre premier site web

Création d’un projet Webflow de base
Mise en place de la structure du site
Gestion des pages et des sections principales
Ajout et édition des éléments de base : texte, images, liens
Interactions et animations simples
Exemple de cas pratiques : création d’un site web simple et gestion des pages

Réactivité du site

Principes du design responsive
Ajustement pour une compatibilité multi-appareils
Réactivité du pied de page
Animation du menu au défilement
Ajout d’interaction
Mises en page flexibles et adaptables
Gestion des interactions spécifiques à chaque appareil
Exemple de cas pratiques : animation du menu lors du défilement pour une navigation fluide
Exemple de cas pratiques : création de mises en page flexibles s’adaptant à différentes tailles d’écrans

Optimisation

Performances du site
Maximiser la vitesse de chargement
Gestion et réduction de la taille des fichiers pour une meilleure efficacité
Utilisation des meilleures pratiques pour une accessibilité optimale
Fonctionnement du référencement Google
Structuration du menu principal
Méthodologie des contenus textuels
Utilisation et optimisation des médias
Stratégies de mots-clés
Techniques de copywriting
Exemple de cas pratiques : rédaction de contenus optimisés avec des mots-clés pertinents et en suivant les stratégies SEO pour améliorer le référencement

Webflow CMS (Content Management System)

Définition et avantage d’un CMS
Collections et types de contenu
Structure du CMS
Page d’accueil de CMS
Création de collections et de champs personnalisés
Utilisation des collections pour dynamiser le contenu du site
Filtres et options d’affichage
Exemple de cas pratiques : utilisation du Webflow CMS pour le site web

Publication et paramétrage du site sur le Web

Processus de publication : hébergement et domaines
Gestion des mises à jour, des sauvegardes et des plans de reprise après sinistre
Sécurisation du site : SSL, authentification, et protection contre les menaces
Outils analytiques pour le suivi des performances en ligne
Paramétrage avancé : gestion des données utilisateurs, politiques de confidentialité, notifications et alertes de sécurité
Exemple de cas pratiques : suivi des performances du site en utilisant des outils d’analyse pour améliorer la qualité et l’expérience utilisateur
Exemple de cas pratiques : configuration et intégration d’outils analytiques comme Google Analytics pour le suivi du trafic et des performances

Notre charte qualité et éthique.

A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.

En apprendre davantage sur Webflow.

Webflow est une plateforme de création de sites web qui ne nécessite aucune compétence en codage. Il offre une interface intuitive et des fonctionnalités avancées, permettant la conception de sites web dynamiques, responsives et hautement interactifs. Grâce à son éditeur visuel puissant, Webflow permet la création de mises en page complexes et esthétiques, tout en offrant la possibilité d’ajouter des animations et des interactions sans avoir à écrire une seule ligne de code. Cette plateforme convient aussi bien aux débutants qu’aux professionnels, offrant un moyen efficace de concevoir des sites web professionnels répondant aux normes les plus élevées du marché actuel.

Amandine de Sparks
Des chiffres étincelants.
19 années
à vos côtés
+ de 1000
sujets de formation
8155
stagiaires formés en 2023
238
formateurs actifs en 2023
97,9%
de stagiaires satisfaits
24622
heures de formation réalisées en 2023
HAUT